
import 'package:flutter/material.dart';

class TagTest extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('TagTest'),
      ),
      body: Container(
        child: Wrap(
          children: <Widget>[
            TagItem('Start'),
            for(var item in tags) TagItem(item),
            TagItem('EndTag')
          ],
        ),
      ),
    );
  }
}

var tags = const [
  "FFFFFFF",
  "TTTTTT",
  "LL",
  "JJJJJJJJ",
  "PPPPP",
  "OOOOOOOOOOOO",
  "9999999",
  "*&",
  "5%%%%%",
  "¥¥¥¥¥¥",
  "UUUUUUUUUU",
  "))@@@@@@"
];

class TagItem extends StatelessWidget {

  final String content;

  TagItem(this.content);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(vertical: 2, horizontal: 5),
      margin: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
      decoration: BoxDecoration(
        color: Colors.blueAccent.withAlpha(60),
        borderRadius: BorderRadius.all(Radius.circular(5)),
      ),
      child: Text(content),
    );
  }
}

